<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/8/18
  Time: 14:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="css/common.css" rel="stylesheet" type="text/css" />
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/user_style.css" rel="stylesheet" type="text/css" />
  <link href="skins/all.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
  <script src="js/common_js.js" type="text/javascript"></script>
  <script src="js/footer.js" type="text/javascript"></script>
  <script src="js/iCheck.js" type="text/javascript"></script>
  <script src="js/custom.js" type="text/javascript"></script>
  <title>会员中心-我的收藏</title>
</head>
<body>
<div id="header_top">
  <div id="top">
    <div class="Inside_pages">
      <div class="Collection"><a href="#" class="green">请登录</a> <a href="#" class="green">免费注册</a></div>
      <div class="hd_top_manu clearfix">
        <ul class="clearfix">
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">首页</a></li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="#">我的小充</a> </li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">消息中心</a></li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">商品分类</a></li>
          <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的购物车<b>(23)</b></a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="header"  class="header page_style">
    <div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
    <!--结束图层-->
    <div class="Search">
      <div class="search_list">
        <ul>
          <li class="current"><a href="#">产品</a></li>
          <li><a href="#">信息</a></li>
        </ul>
      </div>
      <div class="clear search_cur">
        <input name="searchName" id="searchName" class="search_box" onkeydown="keyDownSearch()" type="text">
        <input name="" type="submit" value="搜 索"  class="Search_btn"/>
      </div>
      <div class="clear hotword">热门搜索词：香醋&nbsp;&nbsp;&nbsp;茶叶&nbsp;&nbsp;&nbsp;草莓&nbsp;&nbsp;&nbsp;葡萄&nbsp;&nbsp;&nbsp;菜油</div>
    </div>
    <!--购物车样式-->
    <div class="hd_Shopping_list" id="Shopping_list">
      <div class="s_cart"><a href="#">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
      <div class="dorpdown-layer">
        <div class="spacer"></div>
        <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
        <ul class="p_s_list">
          <li>
            <div class="img"><img src="images/tianma.png"></div>
            <div class="content"><p class="name"><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
            <div class="Operations">
              <p class="Price">￥55.00</p>
              <p><a href="#">删除</a></p></div>
          </li>
        </ul>
        <div class="Shopping_style">
          <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
          <a href="Shop_cart.html" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
        </div>
      </div>
    </div>
  </div>
  <!--菜单栏-->
  <div class="Navigation" id="Navigation">
    <ul class="Navigation_name">
      <li><a href="Home.html">首页</a></li>
      <li><a href="#">你身边的超市</a></li>
      <li><a href="#">预售专区</a><em class="hot_icon"></em></li>
      <li><a href="products_list.html">商城</a></li>
      <li><a href="#">半小时生活圈</a></li>
      <li><a href="#">好评商户</a></li>
      <li><a href="#">热销活动</a></li>
      <li><a href="Brands.html">联系我们</a></li>
    </ul>
  </div>
  <script>$("#Navigation").slide({titCell:".Navigation_name li",trigger:"click"});</script>
</div>
</head>
<!--用户中心收藏样式-->
<div class="user_style clearfix">
  <div class="user_center clearfix">
    <div class="left_style">
      <div class="menu_style">
        <div class="user_title">用户中心</div>
        <div class="user_Head">
          <div class="user_portrait">
            <a href="#" title="修改头像" class="btn_link"></a> <img src="images/people.png">
            <div class="background_img"></div>
          </div>
          <div class="user_name">
            <p><span class="name">化海天堂</span><a href="#">[修改密码]</a></p>
            <p>访问时间：2016-1-21 10:23</p>
          </div>
        </div>
        <div class="sideMen">
          <!--菜单列表图层-->
          <dl class="accountSideOption1">
            <dt class="transaction_manage"><em class="icon_1"></em>订单管理</dt>
            <dd>
              <ul>
                <li> <a href="用户中心-我的订单.html">我的订单</a></li>
                <li> <a href="用户中心-收货地址.html">收货地址</a></li>
                <li> <a href="#">缺货登记</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="accountSideOption1">
            <dt class="transaction_manage"><em class="icon_2"></em>会员管理</dt>
            <dd>
              <ul>
                <li> <a href="#"> 用户信息</a></li>
                <li> <a href="用户中心-我的收藏.html"> 我的收藏</a></li>
                <li> <a href="#"> 我的留言</a></li>
                <li> <a href="#">我的标签</a></li>
                <li> <a href="#"> 我的推荐</a></li>
                <li><a href="#"> 我的评论</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="accountSideOption1">
            <dt class="transaction_manage"><em class="icon_3"></em>账户管理</dt>
            <dd>
              <ul>
                <li><a href="用户中心-账户管理.html">账户余额</a></li>
                <li><a href="用户中心-消费记录.html">消费记录</a></li>
                <li><a href="#">跟踪包裹</a></li>
                <li><a href="#">资金管理</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="accountSideOption1">
            <dt class="transaction_manage"><em class="icon_4"></em>分销管理</dt>
            <dd>
              <ul>
                <li> <a href="#">店铺管理</a></li>
                <li> <a href="#">我的盟友</a></li>
                <li> <a href="#">我的佣金</a></li>
                <li> <a href="#">申请提现</a></li>
              </ul>
            </dd>
          </dl>
        </div>
        <script>jQuery(".sideMen").slide({titCell:"dt", targetCell:"dd",trigger:"click",defaultIndex:0,effect:"slideDown",delayTime:300,returnDefault:true});</script>
      </div>
    </div>
    <!--收藏样式-->
    <div class="right_style">
      <div class="title_style"><em></em>我的收藏</div>
      <div class="Favorites_slideTxtBox">
        <div class="hd"><ul><li>收藏的商品</li><li>收藏的店铺</li></ul></div>
        <div class="bd">
          <ul class="commodity_list clearfix">
            <div class="Number_Favorites">共收藏：23条</div>
            <div class="clearfix">
              <c:forEach items="${arr2}" var="i" varStatus="q">
              <li class="collect_p">
                <em class="iconfont  delete"></em>
                <a href="#" class="buy_btn">立即购买</a>
                <div class="collect_info">
                  <div class="img_link"> <a href="#" class="center "><img src="${i.cpathPic}"></a></div>
                  <dl class="xinxi">
                    <dt><a href="#" class="name">${i.cname}</a></dt>
                    <dd><span class="Price"><b>￥</b>${i.cprice}</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i></span></dd>
                  </dl>
                </div>
              </li>
              </c:forEach>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete" id=""></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_17.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_24.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont icon-close2 delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_25.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_29.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_37.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_21.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_19.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_18.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_17.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_17.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
<%--              <li class="collect_p">--%>
<%--                <em class="iconfont  delete"></em>--%>
<%--                <a href="#" class="buy_btn">立即购买</a>--%>
<%--                <div class="collect_info">--%>
<%--                  <div class="img_link"> <a href="#" class="center "><img src="products/p_17.jpg"></a></div>--%>
<%--                  <dl class="xinxi">--%>
<%--                    <dt><a href="#" class="name">施华蔻多效修护套包(600ml洗+600ml润+50ml膜)</a></dt>--%>
<%--                    <dd><span class="Price"><b>￥</b>321.00</span><span class="collect_Amount"><i class="iconfont icon-shoucang"></i>345</span></dd>--%>
<%--                  </dl>--%>
<%--                </div>--%>
<%--              </li>--%>
            </div>
            <div class="Paging">
              <div class="Pagination">
                <a href="#">首页</a>
                <a href="#" class="pn-prev disabled">&lt;上一页</a>
                <a href="#" class="on">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">下一页&gt;</a>
                <a href="#">尾页</a>
              </div>
            </div>
          </ul>
          <ul class="Shops_list">
            <div class="Number_Favorites">共收藏：23家店铺</div>
            <li class="">
              <div class="shop_logo">

              </div>
              <div class="shop_content">

              </div>
            </li>
          </ul>
        </div>
      </div>
      <script>jQuery(".Favorites_slideTxtBox").slide({trigger:"click"});</script>
    </div>
  </div>
</div>
<!--网站地图-->
<div class="fri-link-bg clearfix">
  <div class="fri-link">
    <div class="logo left margin-r20"><img src="images/fo-logo.jpg" width="152" height="81" /></div>
    <div class="left"><img src="images/qd.jpg" width="90"  height="90" />
      <p>扫描下载APP</p>
    </div>
    <div class="">
      <dl>
        <dt>新手上路</dt>
        <dd><a href="#">售后流程</a></dd>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">订购方式</a> </dd>
        <dd><a href="#">隐私声明 </a></dd>
        <dd><a href="#">推荐分享说明 </a></dd>
      </dl>
      <dl>
        <dt>配送与支付</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>售后保障</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>支付方式</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>帮助中心</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>
      <dl>
        <dt>帮助中心</dt>
        <dd><a href="#">保险需求测试</a></dd>
        <dd><a href="#">专题及活动</a></dd>
        <dd><a href="#">挑选保险产品</a> </dd>
        <dd><a href="#">常见问题 </a></dd>
      </dl>

    </div>
  </div>
</div>
<!--网站地图END-->
<!--网站页脚-->
<div class="copyright">
  <div class="copyright-bg">
    <div class="hotline">为生活充电在线 <span>招商热线：****-********</span> 客服热线：400-******</div>
    <div class="hotline co-ph">
      <p>版权所有Copyright ©***************</p>
      <p>*ICP备***************号 不良信息举报</p>
      <p>总机电话：****-*********/194/195/196 客服电话：4000****** 传 真：********

        E-mail:****@****.gov.cn</p>
    </div>
  </div>
</div>
</body>
</html>
